﻿<section id="offerPage">
    <table>
        <thead>
            <tr>
                <th>Информация за шофьора: </th>
                <th></th>
                <th class="rightCell">Маршрут: </th>
                <th></th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>
                    <label for="lastName">*Име: </label>
                </td>
                <td>
                    <input type="text" name="firstName" required /></td>

                <td class="rightCell">
                    <label for="routeFrom">*От: </label>
                </td>
                <td>
                    <select name="City" id="routeFrom" required >
                        <option value="0" selected>Изберете</option>
                        <option value="Sofia">София</option>
                        <option value="Plovdiv">Пловдив</option>
                        <option value="Varna">Варна</option>
                        <option value="Stara Zagora">Стара Загора</option>
                        <option value="Rousse">Русе</option>
                        <option value="Pleven">Плевен</option>
                        <option value="Bourgas">Бургас</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <label for="lastName">*Фамилия: </label>
                </td>
                <td>
                    <input type="text" name="lastName" id="lastName" required /></td>

                <td class="rightCell">
                    <label for="routeTo">*До: </label>
                </td>
                <td>
                    <select name="City" id="routeTo">
                        <option value="0" selected>Изберете</option>
                        <option value="Sofia">София</option>
                        <option value="Plovdiv">Пловдив</option>
                        <option value="Varna">Варна</option>
                        <option value="Stara Zagora">Стара Загора</option>
                        <option value="Rousse">Русе</option>
                        <option value="Pleven">Плевен</option>
                        <option value="Bourgas">Бургас</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <label for="email">*Email: </label>
                </td>
                <td>
                    <input type="text" name="email" id="email" /></td>

                <td class="rightCell">
                    <label for="searchTo">*Дата и час на тръгване: </label>
                </td>
                <td>
                    <input type="text" id="date-time-picker-offer" /></td>
            </tr>
            <tr>
                <td>
                    <label for="phone">*Телефон: </label>
                </td>
                <td>
                    <input type="text" name="phone" id="phone" /></td>

                <td class="rightCell">
                    <label for="price">*Цена за превоз: </label>
                </td>
                <td>
                    <input type="text" name="price" />
                    <select name="currency" id="currency">
                        <option value="lv.">BGN</option>
                        <option value="$">USD</option>
                        <option value="€">EUR</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <label for="age">Години: </label>
                </td>
                <td>
                    <input type="text" name="age" id="age" /></td>
            </tr>
            <tr>
                <td>
                    <label for="gender">Пол: </label>
                </td>
                <td>Мъж
                    <input type="radio" name="gender" value="Male" />
                    Жена
                    <input type="radio" name="gender" value="Female" />
                </td>
            </tr>
        </tbody>
    </table>


    <table id="secondTable">
        <thead>
            <tr>
                <th>Информация за превозното средство:
                </th>
                <th></th>
                <th class="rightCell">Допълнителни условия</th>
                <th></th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>
                    <label for="carType">Вид: </label>
                </td>
                <td>
                    <select name="carType" id="carType">
                        <option selected="" value="Car">Автомобил </option>
                        <option value="SUV">Джип </option>
                        <option value="Minibus">Бус </option>
                        <option value="Truck">Камион </option>
                        <option value="Motorcycle">Мотоциклет </option>
                        <option value="Caravan">Каравана </option>
                    </select>
                </td>
                <td class="rightCell"><textarea name="requirements" rows="10" cols="40"></textarea></td>
            </tr>

            <tr>
                <td>
                    <label for="carBrand">Марка: </label>
                </td>
                <td>
                    <select name="carBrand" id="carBrand">
                        <option value="">Всички </option>
                        <option value="Acura">Acura </option>
                        <option value="Aixam">Aixam </option>
                        <option value="Alfa romeo">Alfa romeo </option>
                        <option value="Aston martin">Aston martin </option>
                        <option value="Audi">Audi </option>
                        <option value="Austin">Austin </option>
                        <option value="Bentley">Bentley </option>
                        <option value="Berliner">Berliner </option>
                        <option value="Bmw">Bmw </option>
                        <option value="Borgward">Borgward </option>
                        <option value="Bugatti">Bugatti </option>
                        <option value="Buick">Buick </option>
                        <option value="Cadillac">Cadillac </option>
                        <option value="Chevrolet">Chevrolet </option>
                        <option value="Chrysler">Chrysler </option>
                        <option value="Citroen">Citroen </option>
                        <option value="Corvette">Corvette </option>
                        <option value="Dacia">Dacia </option>
                        <option value="Daewoo">Daewoo </option>
                        <option value="Daihatsu">Daihatsu </option>
                        <option value="Daimler">Daimler </option>
                        <option value="Datsun">Datsun </option>
                        <option value="Dkw">Dkw </option>
                        <option value="Dodge">Dodge </option>
                        <option value="Eagle">Eagle </option>
                        <option value="FSO">FSO </option>
                        <option value="Ferrari">Ferrari </option>
                        <option value="Fiat">Fiat </option>
                        <option value="Ford">Ford </option>
                        <option value="Geo">Geo </option>
                        <option value="Great Wall">Great Wall </option>
                        <option value="Honda">Honda </option>
                        <option value="Hyundai">Hyundai </option>
                        <option value="Ifa">Ifa </option>
                        <option value="Infiniti">Infiniti </option>
                        <option value="Innocenti">Innocenti </option>
                        <option value="Isuzu">Isuzu </option>
                        <option value="Jaguar">Jaguar </option>
                        <option value="Kia">Kia </option>
                        <option value="Lada">Lada </option>
                        <option value="Lamborghini">Lamborghini </option>
                        <option value="Lancia">Lancia </option>
                        <option value="Lexus">Lexus </option>
                        <option value="Lifan">Lifan </option>
                        <option value="Lincoln">Lincoln </option>
                        <option value="Lotus">Lotus </option>
                        <option value="Maserati">Maserati </option>
                        <option value="Matra">Matra </option>
                        <option value="Maybach">Maybach </option>
                        <option value="Mazda">Mazda </option>
                        <option value="McLaren">McLaren </option>
                        <option value="Mercedes">Mercedes </option>
                        <option value="Mercury">Mercury </option>
                        <option value="Mg">Mg </option>
                        <option value="Mini">Mini </option>
                        <option value="Mitsubishi">Mitsubishi </option>
                        <option value="Morgan">Morgan </option>
                        <option value="Moskvich">Moskvich </option>
                        <option value="Nissan">Nissan </option>
                        <option value="Oldsmobile">Oldsmobile </option>
                        <option value="Opel">Opel </option>
                        <option value="Perodua">Perodua </option>
                        <option value="Peugeot">Peugeot </option>
                        <option value="Pgo">Pgo </option>
                        <option value="Plymouth">Plymouth </option>
                        <option value="Polonez">Polonez </option>
                        <option value="Pontiac">Pontiac </option>
                        <option value="Porsche">Porsche </option>
                        <option value="Proton">Proton </option>
                        <option value="Renault">Renault </option>
                        <option value="Rolls-Royce">Rolls-Royce </option>
                        <option value="Rover">Rover </option>
                        <option value="Saab">Saab </option>
                        <option value="Samand">Samand </option>
                        <option value="Saturn">Saturn </option>
                        <option value="Scion">Scion </option>
                        <option value="Seat">Seat </option>
                        <option value="Shatenet">Shatenet </option>
                        <option value="Shuanghuan">Shuanghuan </option>
                        <option value="Simca">Simca </option>
                        <option value="Skoda">Skoda </option>
                        <option value="Smart">Smart </option>
                        <option value="Ssang yong">Ssang yong </option>
                        <option value="Subaru">Subaru </option>
                        <option value="Suzuki">Suzuki </option>
                        <option value="Talbot">Talbot </option>
                        <option value="Tata">Tata </option>
                        <option value="Tavria">Tavria </option>
                        <option value="Tazzari">Tazzari </option>
                        <option value="Terberg">Terberg </option>
                        <option value="Tesla">Tesla </option>
                        <option value="Tofas">Tofas </option>
                        <option value="Toyota">Toyota </option>
                        <option value="Trabant">Trabant </option>
                        <option value="Triumph">Triumph </option>
                        <option value="VROMOS">VROMOS </option>
                        <option value="Volga">Volga </option>
                        <option value="Volvo">Volvo </option>
                        <option value="Vw">Vw </option>
                        <option value="Warszawa">Warszawa </option>
                        <option value="Wartburg">Wartburg </option>
                        <option value="Wiesmann">Wiesmann </option>
                        <option value="Xinshun">Xinshun </option>
                        <option value="Zastava">Zastava </option>
                        <option value="Zaz">Zaz </option>
                    </select>
                </td>
            </tr>

            <tr>
                <td><label for="year">Година на производство: </label></td>
                <td><input type="text" name="year" /></td>
            </tr>

            <tr>
                <td><label for="seats">Брой свободни места: </label></td>
                <td><input type="text" name="seats" /></td>
            </tr>

            <tr>
                <td><label for="consumption">Разход на гориво(л/100 км): </label></td>
                <td><input type="text" name="consumption" /></td>
            </tr>
        </tbody>
    </table>

    <input type="button" value="Добави оферта" class="k-button" />

</section>
<script>
    $('input[type="button"]').on("click", sendOffer);
    //$(function () {
    //    $("#date-time-picker-offer").datepicker();
    //});
    
    jQuery(document).ready(function () {
        // create DateTimePicker from input HTML element
        $("#date-time-picker-offer").kendoDatePicker({
            value: new Date(),
            culture: "bg-BG",
            format: "dd/MM/yyyy"
        });
    });
</script>
